<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="stylesheets/bootstrap.min.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
		.ui-nav-container{margin-top: 20px;}
    </style>
  </head>
  <body>
  	<div class="container ui-nav-container">
	    <div class="navbar navbar-inverse">
	      <div class="navbar-inner">
	      	  <a class="brand" href="/">Microblog</a>
		      <ul class="nav">
		         <li><a href="/">首页</a></li>
		         <li><a href="/login">登录</a></li>
		         <li class="active"><a href="/reg">注册</a></li>
		      </ul>
	      </div>
	    </div>
	</div>
    <div class="container">
      <% if(locals.success){ %>
        <div class="alert alert-success">
          <%= locals.success %>
        </div>
      <%  } %>
      <% if(locals.error){ %>
        <div class="alert alert-error">
          <%= locals.error %>
        </div>
      <% } %>
      <form class="form-horizontal" action="/reg" method="post">
        <div class="control-group">
          <label class="control-label" for="inputEmail">用户名</label>
          <div class="controls">
            <input type="text" id="inputEmail" name="userName" placeholder="用户名" value="<%= userName %>">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="inputPassword">密码</label>
          <div class="controls">
            <input type="password" id="inputPassword" name="password" placeholder="Password">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="inputPassword">重复密码</label>
          <div class="controls">
            <input type="password" id="inputPassword" name="repeat-password" placeholder="Password">
          </div>
        </div>
        <div class="control-group">
          <div class="controls">
            <label class="checkbox">
              <input type="checkbox"> Remember me
            </label>
            <button type="submit" class="btn">Sign in</button>
          </div>
        </div>
      </form>
      <footer>
        <p><a href="#" target="_blank">yuxiaolong</a> 2012</p>
      </footer>
    </div>
    <script src="https://code.jquery.com/jquery.js"></script>
    <script src="javascripts/bootstrap.min.js"></script>
  </body>
</html>